<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
			<title>Contato</title>
	</h:head>
	
	<h:body>
	
		<ui:composition template="/layout/commonLayout.xhtml">
	 		<ui:define name="centro">
	 	
	 		<h:form>
			 	<p:panel header="Contato">
				     <h:panelGrid id="gridContato" columns="2" cellpadding="5">
				     	
				         <h:outputLabel for="dddTelefonePrincipal" value="DDD:" style="font-weight:bold"/>
				         <p:inputText id="dddTelefonePrincipal" value="#{contatoMB.dddTelefonePrincipal}" required="true" label="DDD" maxlength="3" size="2">
				         	<f:validateLength minimum="2" maximum="3" />
				         </p:inputText>
				         
				
				         <h:outputLabel for="numTelefonePrincipal" value="Tel Principal:" style="font-weight:bold"/>
				         <p:inputMask id="numTelefonePrincipal" value="#{contatoMB.numTelefonePrincipal}" label="Tel Principal" mask="9999-9999" required="true"  />
				        
				        
				         <h:outputLabel for="dddTelefoneComercial" value="DDD:" style="font-weight:bold"/>                    
				         <p:inputText id="dddTelefoneComercial" value="#{contatoMB.dddTelefoneComercial}" label="DDD" required="false" maxlength="3" size="2">
				            <f:validateLength minimum="2" maximum="3" />
				         </p:inputText>
				        
				         <h:outputLabel for="numTelefoneComercial" value="Tel Comercial:" style="font-weight:bold"/>                    
				         <p:inputMask id="numTelefoneComercial" value="#{contatoMB.numTelefoneComercial}" label="Tel Comercial" mask="9999-9999" required="false" />
				         
				         
				         <h:outputLabel for="dddTelefoneCelular" value="DDD:" style="font-weight:bold"/>                    
				         <p:inputText id="dddTelefoneCelular" value="#{contatoMB.dddTelefoneCelular}" label="DDD" required="false" maxlength="3" size="2">
				            <f:validateLength minimum="2" maximum="3" />
				         </p:inputText>
				        
				         <h:outputLabel for="numTelefoneCelular" value="Tel Celular" style="font-weight:bold"/>                    
				         <p:inputMask id="numTelefoneCelular" value="#{contatoMB.numTelefoneCelular}" label="Tel Celular" mask="99999-9999" required="false" />
				         
				         
				         <h:outputLabel for="dddTelefoneCasa" value="DDD:" style="font-weight:bold"/>                    
				         <p:inputText id="dddTelefoneCasa" value="#{contatoMB.dddTelefoneCasa}" label="DDD" required="false" maxlength="3" size="2">
				            <f:validateLength minimum="2" maximum="3" />
				         </p:inputText>
				        
				         <h:outputLabel for="numTelefoneCasa" value="Tel Casa" style="font-weight:bold"/>                    
				         <p:inputMask id="numTelefoneCasa" value="#{contatoMB.numTelefoneCasa}" label="Tel Casa" mask="9999-9999" required="false" />
				         
				         
				         <h:outputLabel for="email" value="E-Mail" style="font-weight:bold"/>                    
				         <p:inputText id="email" value="#{contatoMB.email}" label="E-Mail" required="true" size="30">
				            
				         </p:inputText>
						            
				<p:commandButton value="Enviar" icon="ui-icon-check" actionListener="#{userWizard.save}" />
					</h:panelGrid>
					
				</p:panel>
				
				
						</h:form>
					</ui:define>
				</ui:composition>
			 
		
	

</h:body>
</html>